<script setup lang='ts'>

</script>

<template>
  <div class="card">
    <h5>Icons</h5>
    <h1 class="text-blue-600">
      Icons by UnoCSS
    </h1>
    <div class="i-logos-vue text-6xl" />
    <h3>Iconset: mdi</h3>
    <div class="mt-6 grid grid-cols-3">
      <div class="i-mdi-information text-4xl text-green-600-500-500" />
      <div class="i-mdi-alarm text-4xl text-blue-500" />
      <div class="i-mdi-github-circle text-4xl text-purple-500" />
    </div>
    <h3>Iconset: twemoji</h3>
    <div class="mt-6 grid grid-cols-3">
      <div class="i-twemoji-1st-place-medal text-4xl" />
      <div class="i-twemoji-2nd-place-medal text-4xl" />
      <div class="i-twemoji-3rd-place-medal text-4xl" />
    </div>
  </div>
</template>

<style scoped></style>
